<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/xiaomi.css">
</head>

<body>

    <div class="container ">
        <div class="zisu">
            <ul>
                <li><img src="images/list.png" alt="" width="70%"></li>
                <li><img src="images/list.png" alt="" width="70%"></li>
                <li><img src="images/list.png" alt="" width="70%"></li>
                <li><img src="images/list.png" alt="" width="70%"></li>
                <li><img src="images/list.png" alt="" width="70%"></li>

            </ul>
        </div>

        <div class="box">
            <!-- header开始 -->
            <div class="header">
                <ul>
                    <li><a href="#">小米商城 &nbsp;&nbsp;|</a></li>
                    <li><a href="#">MIUI&nbsp;&nbsp; |</a></li>
                    <li><a href="#">IoT &nbsp;&nbsp;|</a></li>
                    <li><a href="#">云服务&nbsp;&nbsp; |</a></li>
                    <li><a href="#">金融 &nbsp;&nbsp;|</a></li>
                    <li><a href="#">有品&nbsp;&nbsp; |</a></li>
                    <li><a href="#">小爱开放平台&nbsp;&nbsp; |</a></li>
                    <li><a href="#">企业团购&nbsp;&nbsp; |</a></li>
                    <li><a href="#">资质证照&nbsp;&nbsp; |</a></li>
                    <li><a href="#">协议规则&nbsp;&nbsp; |</a></li>
                    <li><a href="#" id="erji">下载app &nbsp;&nbsp;|
                            <img id="tupi" src="images/1.jpg" alt="">
                        </a>

                    </li>
                    <li><a href="#">Select Location&nbsp;&nbsp;</a></li>
                </ul>
            </div>
            <div class="header_1">
                <ul>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="#">消息通知</a></li>
                    <li><a href="#">购物车</a></li>
                </ul>
            </div>
            <!-- head结束 -->
        </div>
    </div>
    <div class="box1">
        <div class="sun">
            <img id="suns" src="images/mi-logo.png" alt="">
            <span id="sunc"><img src="images/18.png" alt=""></span>
        </div>
        <div class="sun1">
            <ul>
                <li><a href="#" id="teb1">小米手机</a></li>
                <li><a href="#" id="teb2">Redmi 红米</a></li>
                <li><a href="#" id="teb3">电视</a></li>
                <li><a href="#" id="teb4">笔记本</a></li>
                <li><a href="#" id="teb5">家电</a></li>
                <li><a href="#" id="teb6">路由器</a></li>
                <li><a href="#" id="teb7">智能硬件</a></li>
                <li><a href="#" id="teb8">服务</a></li>
                <li><a href="#" id="teb9">社区</a></li>
            </ul>
        </div>
        <div class="sun2">
            <form action="" id="bdan"><input type="text" placeholder="手机">
                <span><img src="images/top-search.png" alt=""> </span>
            </form>
            <div class="lac_as1">
                <ul>
                    <li><a href="#">空调</a></li>
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">小米10</a></li>
                    <li><a href="#">全部商品</a></li>
                    <li><a href="#">米家插线版快充</a></li>
                    <li><a href="#">手环</a></li>
                    <li><a href="#">五星高品质</a></li>
                    <li><a href="#">ridme9A</a></li>
                </ul>
            </div>

        </div>
    </div>
    <div class="box2">
        <div class="sun4">
            <div class="sunn4">
                <img src="images/3.jpg">
                <img src="images/4.jpg">
                <img src="images/5.jpg">
                <img src="images/6.jpg">
                <img src="images/7.jpg">
                <img src="images/5.jpg">
                <img src="images/6.jpg">
            </div>
            <div class="circle">
                <b class="current"></b>
                <b></b>
                <b></b>
                <b></b>
                <b></b>
                <b></b>
                <b></b>
            </div>
            <div class="btn left">  &lt; </div>
            <div class="btn right"> &gt; </div>
        </div>
        <div class="sun3">
            <ul>
                <li><a href="#" id='tebb2 '> 手机 电话卡 <span> > </span> </a></li>
                <li><a href="#" id='tebb3 '> 电视 盒子 <span> > </span> </a></li>
                <li><a href="#" id='tebb4 '> 笔记本 显示器 <span> > </span> </a></li>
                <li><a href="#" id='tebb5 '> 家电 插线板 <span> > </span> </a></li>
                <li><a href="#" id='tebb6 '> 出行 穿戴 <span> > </span> </a></li>
                <li><a href="#" id='tebb7 '> 智能 路由器 <span> > </span> </a></li>
                <li><a href="#" id='tebb8 '> 电源 配件 <span> > </span> </a></li>
                <li><a href="#" id='tebb9 '> 健康 儿童 <span> > </span> </a></li>
                <li><a href="#" id='tebb10'> 耳机 音箱 <span> > </span> </a></li>
                <li><a href="#" id='tebb11'> 生活 箱包 <span> > </span></a></li>
            </ul>
        </div>

    </div>
    <div class="box3">
        <div class="lac_fo">
            <div><img src="images/19.png" alt="">
                <p>小米秒杀</p>
            </div>
            <div><img src="images/20.png" alt="">
                <p>企业团购</p>
            </div>
            <div><img src="images/20.png" alt="">
                <p>F码通道</p>
            </div>
            <div><img src="images/21.png" alt="">
                <p>米粉卡</p>
            </div>
            <div> <img src="images/22.png" alt="">
                <p>依旧换新</p>
            </div>
            <div> <img src="images/23.png" alt="">
                <p>话费充值</p>
            </div>

        </div>
        <!-- 轮播图下第一个div -->
        <div class="lac_fo1">
            <img src="images/10.jpg" alt="" width="32.5%">
            <img src="images/8.jpg" alt="" width="32.5%">
            <img src="images/9.jpg" alt="" width="32.5%">
        </div>
    </div>

    <div class="box4">
        <div class="boxx4">
            <!-- 小米购物区域 -->
            <div class="lac_fo2">
                <div class="fo_a1">小米购物</div>
                <div class="fo_a2">
                    <span><a href="#">
                        &lt; </a> </span> <span><a href="#"> &gt;</a></span>
                </div>
            </div>
            <!-- 小米购物区域 -->
            <div class="lac_fo3">
                <div class="fo_a3">
                    <p>00:00 场</p>
                    <img src="images/35.jpg" alt="" width="15%"><br>
                    <span id="fou_1">剩余时间</span>
                    <div class="fou_2">
                        <span>00</span>&nbsp;:
                        <span>00</span>&nbsp;:
                        <span>00</span>
                    </div>
                </div> 
                <div class="fo_a8"> 
                        <div class="fo_a88"> 
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">
                             <img src="images/list.png" alt="" width="100%">

                     </div>
                </div>
              
            </div>
            <img id="img_1" src="images/25.png" alt="" width="100%">
            <!-- 手机区域 -->
            <div class="lac_fo4">
                <div class="fo_a4">手机</div>
                <div class="fo_a5">
                    <a href="#">查看全部</a>
                    <span><a id="fou" href="#">></a></span>
                </div>
            </div>

            <div class="lac_fo5">
                <div class="fo_a6"><img src="images/26.png" alt="" width="101%"></div>
                <div class="fo_a7">
                    <div><a href="#"><img src="images/27.png" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起</span>

                        </a></div>
                    <div><a href="#"><img src="images/28.png" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/29.png" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/30.png" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/31.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/32.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/33.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/34.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="fou_3"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                </div>
                <img id="img_2" src="images/36.jpg" alt="" width="100%">
            </div>



            <!-- 家电 -->
            <div class="doc-1">
                <div class="bs1">家电</div>
                <div class="bs2">
                    <a id="fouc" href="#">热门&nbsp;&nbsp;</a>
                    <a id="fouu" href="#">电视影音</a>
                </div>
            </div>

            <div class="doc-2">
                <div class="bs3">
                    <img src="images/37.jpg" alt="" width="103%">
                    <img src="images/38.jpg" alt="" width="103%">
                </div>
                <div class="bs4">
                    <div><a href="#"><img src="images/39.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起</span>

                        </a></div>
                    <div><a href="#"><img src="images/40.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/41.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/43.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                </div>
                <img id="img_2" src="images/46.jpg" alt="" width="100%">
            </div>

            <!-- 智能 -->
            <div class="doc-1">
                <div class="bs1">智能</div>
                <div class="bs2">
                    <a id="fouc" href="#">热门&nbsp;&nbsp;</a>
                    <a id="fouu" href="#">安防</a>
                    <a id="fouua" href="#">出行</a>
                </div>
            </div>

            <div class="doc-2">
                <div class="bs3">
                    <img src="images/47.jpg" alt="" width="103%">
                    <img src="images/48.jpg" alt="" width="103%">
                </div>
                <div class="bs4">
                    <div><a href="#"><img src="images/39.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起</span>

                        </a></div>
                    <div><a href="#"><img src="images/40.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/41.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/43.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                </div>
                <img id="img_2" src="images/59.jpg" alt="" width="100%">
            </div>
            <!-- 搭配 -->

            <div class="doc-1">
                <div class="bs1">搭配</div>
                <div class="bs2">
                    <a id="fouc" href="#">热门&nbsp;&nbsp;</a>
                    <a id="fouu" href="#">耳机音箱</a>
                </div>
            </div>

            <div class="doc-2">
                <div class="bs3">
                    <img src="images/49.jpg" alt="" width="103%">
                    <img src="images/50.jpg" alt="" width="103%">
                </div>
                <div class="bs4">
                    <div><a href="#"><img src="images/39.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起</span>

                        </a></div>
                    <div><a href="#"><img src="images/40.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/41.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/43.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                </div>
                <img id="img_2" src="images/60.jpg" alt="" width="100%">
            </div>

            <!-- 配件 -->
            <div class="doc-1">
                <div class="bs1">配件</div>
                <div class="bs2">
                    <a id="fouc" href="#">热门&nbsp;&nbsp;</a>
                    <a id="fouu" href="#">充电器</a>
                </div>
            </div>

            <div class="doc-2">
                <div class="bs3">
                    <img src="images/64.jpg" alt="" width="103%">
                    <img src="images/65.jpg" alt="" width="103%">
                </div>
                <div class="bs4">
                    <div><a href="#"><img src="images/39.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起</span>

                        </a></div>
                    <div><a href="#"><img src="images/40.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/41.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/43.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                </div>
                <img id="img_2" src="images/61.jpg" alt="" width="100%">
            </div>
            <!-- 周边 -->
            <div class="doc-1">
                <div class="bs1">周边</div>
                <div class="bs2">
                    <a id="fouc" href="#">热门&nbsp;&nbsp;</a>
                    <a id="fouu" href="#">出行</a>
                </div>
            </div>

            <div class="doc-2">
                <div class="bs3">
                    <img src="images/66.jpg" alt="" width="103%">
                    <img src="images/67.jpg" alt="" width="103%">
                </div>
                <div class="bs4">
                    <div><a href="#"><img src="images/39.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起</span>

                        </a></div>
                    <div><a href="#"><img src="images/40.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/41.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/43.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/44.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                    <div><a href="#"><img src="images/42.jpg" alt="" width="70%">
                            <span>Redmi 9A</span>
                            <p>5000Amh长循环大电量，6.53"超大护...</p>
                            <span id="bas1"> 1899元起&nbsp;&nbsp;<s>2099元</s></span>
                        </a></div>
                </div>
                <img id="img_2" src="images/62.jpg" alt="" width="100%">
            </div>

            <div class="lac_fo4">
                <div class="fo_a4">视频</div>
                <div class="fo_a5">
                    <a href="#">查看全部</a>
                    <a id="fou" href="#">></a>
                </div>
            </div>

            <div class="doc-3">
                <div><a href="#"><img src="images/55.jpg" alt="" width="100%">
                        <p>Redmi 10x系列发布会</p>
                        <span>Redmi 10x系列发布会</span>
                    </a></div>
                <div><a href="#"><img src="images/56.jpg" alt="" width="100%">
                        <p>Redmi 10x系列发布会</p>
                    </a></div>
                <div><a href="#"><img src="images/57.jpg" alt="" width="100%">
                        <p>Redmi 10x系列发布会</p>
                    </a></div>
                <div><a href="#"><img src="images/58.jpg" alt="" width="100%">
                        <p>Redmi 10x系列发布会</p>
                    </a></div>


            </div>
        </div>
    </div>
    <div class="box6">
        <div class="doc-4">

            <a href="#"><img src="" alt=""><span></span>预约维修服务</a>
            <a href="#"><img src="" alt=""><span>|</span>7天无理由退货</a>
            <a href="#"><img src="" alt=""><span>|</span>15天免费换货</a>
            <a href="#"><img src="" alt=""><span>|</span>满99元包邮</a>
            <a href="#"><img src="" alt=""><span>|</span>520余家售后网点</a>

            <hr>
        </div>
        <hr style="width: 1250px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;">
        <div class="doc-5">
            <ul>
                帮助中心
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ul>
            <ul>
                服务支持
                <li>售后政策</li>
                <li>自助服务</li>
                <li>相关下载</li>
            </ul>
            <ul>
                线下门店
                <li>小米之家</li>
                <li>服务网点</li>
                <li>授权体验店</li>
            </ul>
            <ul>
                关于小米
                <li>了解小米</li>
                <li>加入小米</li>
                <li>投资者关系</li>
                <li>企业社会责任</li>
                <li>廉洁举报</li>
            </ul>
            <ul>
                关注我们
                <li>新浪微博</li>
                <li>官方微信</li>
                <li>联系我们</li>
                <li>工公益基金会</li>

            </ul>
            <ul>
                特色服务
                <li>F 码通道</li>
                <li>礼物码</li>
                <li>防伪查询</li>

            </ul>
            <div class="docc">
                <p>400-100-5678</p>
                <span id="docc-1">8:00-18:00(仅收市话费)</span>
                <div>人工客服</div>
                <span>关注小米：<a href="#"></a></span>
            </div>


        </div>
        <div class="doc-6">
            <ul>
                <li>小米商城 |</li>
                <li>MIUI | </li>
                <li>米家 |</li>
                <li>米聊 | </li>
                <li>多看 | </li>
                <li>游戏 | </li>
                <li>政企服务 |</li>
                <li>小米天猫店 |</li>
                <li>小米集团隐私政策 | </li>
                <li>小米公司儿童信息保护规则 |</li>
                <li>小米商城隐私政策 | </li>
                <li>小米商城用户协议 | </li>
                <li>问题反馈 | </li>
                <li>Select Location</li>
            </ul>

        </div>
        <div class="doc-7">
            <ul>
                <li>&copy; mi.com</li> <span>京ICP证110507号</span>
                <li> 京ICP备10046444号</li>
                <li>京公网安备11010802020134号</li>
                <li>京网文[2020]0276-042号</li><br>
                <li>（京）网械平台备字（2018）第00005号</li>
                <li>互联网药品信息服务资格证</li>
                <li>(京)-非经营性-2014-0090 营业执照</li>
                <li>医疗器械质量公告</li> <br>
                <li>增值电信业务许可证</li> <span>网络食品经营备案（京）【2018】WLSPJYBAHF-12</span>
                <li>食品经营许可证</li><br>
                <span> 违法和不良信息举报电话：171-5104-4404</span>
                <li>知识产权侵权投诉</li> <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>

            </ul>

            </p>
            <span id="docc-2">
                <img src="images/68.jpg" alt="">
                <a href=""><img src="images/69.jpg" alt=""></a>
                <a href=""><img src="images/70.jpg" alt=""></a>
                <a href=""><img src="images/71.jpg" alt=""></a>

            </span>

        </div>



    </div>










    <!-- 二维码显示影藏 -->
    <script src="jquery.min.js"></script>
    <script>

           var i = 0;
            var timer;
        $(function () {
            $('#erji').on('mouseover', function () {
                $('#tupi').show()
            })
            $('#erji').on('mouseout', function () {
                $('#tupi').hide()
            })

            // 小米图标切换
            $('#suns').on('mouseover', function () {
                $(this).hide()
                $('#sunc').show()
            })
            $('#suns').on('mouseout', function () {
                $('#sunc').hide()
                $(this).show()
            })

            $('#bdan').on('click', function () {
                $('.lac_as1').toggle()

            })

            // teb栏切换
            $('box1,.sun1,#teb1').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb1').on('mouseout', function () {
                $('.zisu').hide()

            })

            $('box1,.sun1,#teb2').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb2').on('mouseout', function () {
                $('.zisu').hide()

            })

            $('box1,.sun1,#teb3').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb3').on('mouseout', function () {
                $('.zisu').hide()

            })
            $('box1,.sun1,#teb4').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb4').on('mouseout', function () {
                $('.zisu').hide()

            })

            $('box1,.sun1,#teb5').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb5').on('mouseout', function () {
                $('.zisu').hide()

            })
            $('box1,.sun1,#teb6').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb6').on('mouseout', function () {
                $('.zisu').hide()

            })

            $('box1,.sun1,#teb7').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb7').on('mouseout', function () {
                $('.zisu').hide()

            })

            $('box1,.sun1,#teb8').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb8').on('mouseout', function () {
                $('.zisu').hide()

            })

            $('box1,.sun1,#teb9').on('mouseover', function () {
                $('.zisu').show()

            })
            $('box1,.sun1,#teb9').on('mouseout', function () {
                $('.zisu').hide()

            })



            $('.box2,.sun3,#tebb2').on('mouseover', function () {
                $('#tebb1').show()

            })
            $('.box2,.sun3,#tebb2').on('mouseout', function () {
                $('#tebb1').hide()

            })

            /*i表示当前图片的下标和当前圆点的下标（图片和圆点是对应关系）*/
                /*Step 1： 设置页面刚加载出来显示的是第一张图片*/
                $(".sunn4 img").eq(0).show().siblings().hide();
                /*开始做图片轮播，使用定时器*/
                start();
                /*Step 2： 鼠标移入小圆点的时候，首先清除定时器，找到当前圆点的索引，改变当前显示的图片，使其变换成圆点对应的图片，当前圆点变换样式*/
                $("b").hover(function () {
                    clearInterval(timer);
                    i = $(this).index();
                    change();
                }, function () {
                    /*鼠标移出的时候，重新启动定时器*/
                    start();
                });
                /*Step 3： 点击左边按钮时候，显示当前图片的左边的第一个图片，再点击，依次向左，图片变换，圆点样式变换。当停止点击按钮时，图片依旧一定时间内显示下一个图片（右边的第一个）*/
                $(".left").click(function () {
                    i--;
                    /*当图片已经是第一个，再点击的时候，显示最后一张图片*/
                    if (i == -1) {
                        i = 5;
                    }
                    change();
                });
                /*Step 4： 点击右边按钮时候，显示当前图片的右边的第一个图片，原理同左边图片效果*/
                $(".right").click(function () {
                    i++;
                    /*当图片已经是最后一个，再点击的时候，显示第一张图片*/
                    if (i == 6) {
                        i = 0;
                    }
                    change();
                });

                //鼠标移入图片左右箭头显示离开隐藏
                $('.sun4,.sunn4').on('mouseover', function () {
                    $('.btn').show()
                })
                $('.sun4,.sunn4').on('mouseout', function () {
                    $('.btn').hide()
                })

               
            //倒计时
            fc()
            setInterval(fc, 1000)

            function fc() {
                let nowTime = new Date();
                let h = 24 - nowTime.getHours();
                h = h < 10 ? '0' + h : h;
                let m = 60 - nowTime.getMinutes();
                m = m < 10 ? '0' + m : m;
                let s = 60 - nowTime.getSeconds()
                s = s < 10 ? '0' + s : s;

                $('.fou_2>span').eq(0).text(h)
                $('.fou_2>span').eq(1).text(m)
                $('.fou_2>span').eq(2).text(s)
            }



        })

           /*开始轮播函数*/
           function start() {
                /*定时器，每个图片在页面上停留的时间是3s*/
                timer = setInterval(function () {
                    i++;
                    if (i == 6) {
                        i = 0;
                    }
                    change();
                }, 3000);
            }
            /*当前图片及对应圆点变换函数*/
            function change() {
                /*当前图片淡入，其他图片淡出*/
                $(".sunn4 img").eq(i).fadeIn(300).siblings().stop(true, true).fadeOut(300);
                /*当前圆点添加类current，其他圆点删除其类current*/
                $("b").eq(i).addClass("current").siblings().removeClass("current");
            }
    </script>
</body>

</html>